$(function () {


  // 获取用户基本信息
  getUserInfo()


  // 点击按钮，实现退出功能
  var layer = layui.layer

  // 提示用户是否确认退出，给退出a标签 添加点击事件
  $('#btnLogout').on('click', function () {
    // 确认：为提示消息，icon：为layui自带的小图标.title：表示弹出框的头部提示文字
    layer.confirm('确认退出登录？', { icon: 3, title: '提示' }, function (index) {
      // 点击确认退出，清除本地存储中的值
      localStorage.removeItem('token')
      // 跳转会登录页面
      location.href = '/login.html'
      // 关闭confirm 询问框
      layer.close(index);
    });
  })
})

// 发起ajax，get请求获取到用户基本信息
function getUserInfo() {
  $.ajax({
    method: 'GET',
    url: '/my/userinfo',
    // 需要跟上一个登录时，自动生成的一个密码钥
    // headers: {
    //   Authorization: localStorage.getItem('token') || ''
    // },
    success: function (res) {
      // 如果用户返回的数据中status的值不等于0获取失败，等于0表示请求成功
      if (res.status !== 0) {
        return layui.layer.msg('获取用户信息失败！')
      }
      // 调用 renderAvatar 渲染用户的头像
      renderAvatar(res.data)
    },
    // 不管数据请求是否成功，都会执行complete函数
    // complete: function (res) {
    //   // console.log('执行了 complete 回调：')
    //   console.log(res)
    //   // 在 complete 回调函数中，可以使用 res.responseJSON 拿到服务器响应回来的数据
    //   if (res.responseJSON.status === 1 && res.responseJSON.message === '身份认证失败！') {
    //     // 1. 强制清空 token
    //     localStorage.removeItem('token')
    //     // 2. 强制跳转到登录页面
    //     location.href = '/login.html'
    //   }
    // }
  })
}

// 成功后的 回调函数
function renderAvatar(user) {
  // 判断用户是否有自己设置的值，有就输出，没有的话就输出用户登录时的名称
  var name = user.nickname || user.username
  // 修改用户登录后的欢迎文字，里面的内容渲染为用户登录时的名称
  $('#welcome').html('欢迎&nbsp;&nbsp;' + name)
  // 如果用户登录成功后，自己设置了自定义图片，就先显示自定义图片
  if (user.user_pic !== null) {
    $('.layui-nav-img').attr('src', user.user_pic).show()
    $('.text-avatar').hide()
  } else {
    // 如果用户登录成功后，图片的pic属性为空，就显示文本图像，自定义图像隐藏

    $('.layui-nav-img').hide()
    // 取到用户登录成功后返回的name值的第一位，赋给文本图像并显示出来
    var first = name[0].toUpperCase()
    $('.text-avatar').html(first).show()
  }
}